//index.js
//获取应用实例
const app = getApp()
let that;
const http = require('../../utils/util.js');
Page({
  data: {
    nav:[],//导航数据
    list:[],//列表数据
    num:0,//点击导航，切换样式
    banner:[],//轮播图样式
    categoryId:3,//默认推荐课的数据列表
    id:''//点击到详情带id传值
    // Height:260,//动态的获取页面的高度
    // Show:false//显示列表数据省略号是否显示
  },
  //点击搜索框跳转到搜索页面
  sou(){
    wx.navigateTo({
      url: '/pages/search/search',
    })
  },
  //点击列表跳转到详情页
  xq(e){
    console.log(e.currentTarget.dataset.id)
    wx.navigateTo({
      url: '/pages/index/xq?id=' + e.currentTarget.dataset.id,
    })
  },
  aa(e){//点击头部导航切换样式
    // console.log(e);
    that.setData({
      num:e.currentTarget.dataset.index,//获取当前的下标
      categoryId:e.currentTarget.dataset.coptid//列表接口的参数
    })
    // that.sc();//每次点击导航时，让当前滚动的位置返回顶部,有点问题
    that.list();//每点击一次导航，调用列表接口
  },
  //每次点击导航时，让当前滚动的位置返回顶部,有点问题
  // sc(){
  //   wx.pageScrollTo({
  //     scrollTop: 0,
  //     duration:300,
  //     success:res=>{
  //       console.log(res);
  //     }
  //   })
  // },
  onLoad: function () {
     that=this;
     that.nav();//调用导航
     that.list();//列表数据
    that.banner();//轮播图
    // that.getUserInfo();//获取屏幕信息
  },
  //获取页面的高度,不要了
  getUserInfo(){
    var res = wx.getSystemInfoSync();
    // console.log(res.windowWidth); 
    var px = 454/ 750 * wx.getSystemInfoSync().windowWidth;
    // console.log(px);
    that.data.Height = res.windowHeight - px > that.data.Height ? res.screenHeight - px + 'px' : that.data.Height + 'px';
    // console.log(res.windowHeight - px)
    // console.log(that.data.Height);
    that.setData({
    //       //动态的获取不同手机的屏幕高度470px
          Height: that.data.Height
        });
  },
   //  轮播图请求数据接口
  async banner(){
    // wx.request({
    //   url: 'https://api.xintujing.cn/v1/courseBanner/all',
    //   success: res => {
    //     // console.log(res);
    //     if (res.data.code == 1) {
    //       that.setData({
    //         banner: res.data.data
    //       })
    //     } else {
    //       console.log(res.data.msg);
    //     }
    //   }
    // })
    var res = await http.banner();
    // console.log(res);
    if (res.data.code == 1) {
          that.setData({
            banner: res.data.data
        })
    }

  },
  //导航请求数据接口
  async nav(){
    var res = await http.nav();
    if (res.data.code == 1) {
      that.setData({
        nav: res.data.data
      })
    } else {
      console.log(res.data.msg);
    }
    // wx.request({
    //   url: 'https://api.xintujing.cn/v1/shopCourse/listCategory',
    //   success:res=>{
    //     // console.log(res);
    //     if (res.data.code == 1) {
    //       that.setData({
    //         nav: res.data.data
    //       })
    //     } else {
    //       console.log(res.data.msg);
    //     }
    //   },
    //   fail:msg=>{
    //     console.log(msg);
    //   }
    // })
  },
  //列表数据渲染
 async list(){
   var res = await http.list({
     areaId:100000,
     categoryId: that.data.categoryId
   });
  //  console.log(res);
   if (res.data.code == 1) {
          that.setData({
            list: res.data.data
          })
        } else {
          console.log(res.data.msg);
        }
    // wx.request({
    //   url: `https://api.xintujing.cn/v1/shopCourse/findCourse?areaId=100000&categoryId=${that.data.categoryId}`,
    //   success:res=>{
    //     console.log(res);
    //     if (res.data.code == 1) {
    //       for(var i=0;i<res.data.data.length;i++){
    //         // console.log(res.data.data[i].id);
    //         that.data.id = res.data.data[i].id;
    //       }
    //       that.setData({
    //         list: res.data.data
    //       })
    //     } else {
    //       console.log(res.data.msg);
    //     }
    //   },
    //   fail:msg=>{
    //     console.log(msg);
    //   }
    // })
  }
 
})
